<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 2.3.1
Version: 1.3
Author: KeenThemes
Website: http://www.keenthemes.com/preview/?theme=metronic
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
	<meta charset="utf-8" />
	<title>Metronic | Admin Dashboard Template</title>
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<!-- BEGIN GLOBAL MANDATORY STYLES -->
	<link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
	<link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
	<link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
	<link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>
	<link href="media/css/style.css" rel="stylesheet" type="text/css"/>
	<link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
	<link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
	<link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
	<!-- END GLOBAL MANDATORY STYLES -->
	<!-- BEGIN PAGE LEVEL STYLES --> 
	<link href="media/css/bootstrap-fileupload.css" rel="stylesheet" type="text/css" />	<link href="media/css/chosen.css" rel="stylesheet" type="text/css" />	<link href="media/css/profile.css" rel="stylesheet" type="text/css" />	<link href="media/css/search.css" rel="stylesheet" type="text/css"/>
	<!-- END PAGE LEVEL STYLES -->
	<link rel="shortcut icon" href="media/image/favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed page-footer-fixed">
	<!-- BEGIN HEADER -->	<div class="compare-box compareShowPopover" title="公司列表" 		 data-content="<div class='list'>		 	<ul><div class='delete-btn'><a href='javascript:;'>删除</a></div><li>浙江中新力合控股有限公司</li>		 	<div class='delete-btn'><a href='javascript:;'>删除</a></div><li>美都能源股份有限公司 </li>		 	<div class='delete-btn'><a href='javascript:;'>删除</a></div><li>杭州众合投资合伙企业</li>		 	<div class='delete-btn'><a href='javascript:;'>删除</a></div><li>杭州佑兴投资合伙企业</li></ul></div>" 		 	 data-html='true'>		<a href="compare.html">查看对比(4)</a>	</div>
	<div class="header navbar navbar-inverse navbar-fixed-top">
		<!-- BEGIN TOP NAVIGATION BAR -->
		<div class="navbar-inner">
			<div class="container-fluid">
				<!-- BEGIN LOGO -->
				<a class="brand" href="index.html">
				<img src="media/image/upg_logo_03.png" alt="logo" style="width:30px;heidth:30px"/>
				</a>
				<!-- END LOGO -->
				<!-- BEGIN RESPONSIVE MENU TOGGLER -->
				<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
				<img src="media/image/menu-toggler.png" alt="" />
				</a>          
				<!-- END RESPONSIVE MENU TOGGLER -->            
				<!-- BEGIN TOP NAVIGATION MENU -->              
				<ul class="nav pull-right">					<!-- BEGIN USER LOGIN DROPDOWN -->
					<li class="dropdown user">						<a href="#" class="dropdown-toggle" data-toggle="dropdown">						<img alt="" src="media/image/avatar1_small.jpg" />						<span class="username">Bob Nilson</span>						<i class="icon-angle-down"></i>						</a>						<ul class="dropdown-menu">							<!-- <li><a href="extra_profile.html"><i class="icon-user"></i> My Profile</a></li>							<li><a href="page_calendar.html"><i class="icon-calendar"></i> My Calendar</a></li>							<li><a href="inbox.html"><i class="icon-envelope"></i> My Inbox(3)</a></li>							<li><a href="#"><i class="icon-tasks"></i> My Tasks</a></li>							<li class="divider"></li>							<li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li> -->							<li><a href="index.html"><i class="icon-key"></i> 登出</a></li>						</ul>					</li>
					<!-- END USER LOGIN DROPDOWN -->
				</ul>
				<!-- END TOP NAVIGATION MENU --> 
			</div>
		</div>
		<!-- END TOP NAVIGATION BAR -->
	</div>
	<!-- END HEADER -->
	<!-- BEGIN CONTAINER -->
	<div class="page-container">
		<!-- BEGIN SIDEBAR -->
		<div class="page-sidebar nav-collapse collapse">
			<!-- BEGIN SIDEBAR MENU -->        
			<ul class="page-sidebar-menu">
				<li>
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
					<div class="sidebar-toggler hidden-phone"></div>
					<!-- BEGIN SIDEBAR TOGGLER BUTTON -->
				</li>								<li class="">					&nbsp				</li>				<li class="active">					<a href="index.html">					<i class="icon-home"></i> 					<span class="title">主页</span>					<span class="selected"></span>					</a>				</li>			</ul>
			<!-- END SIDEBAR MENU -->
		</div>
		<!-- END SIDEBAR -->
		<!-- BEGIN PAGE -->
		<div class="page-content">
			<!-- BEGIN SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<div id="portlet-config" class="modal hide">
				<div class="modal-header">
					<button data-dismiss="modal" class="close" type="button"></button>
					<h3>Widget Settings</h3>
				</div>
				<div class="modal-body">
					Widget settings form goes here
				</div>
			</div>
			<!-- END SAMPLE PORTLET CONFIGURATION MODAL FORM-->
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						  
						<!-- BEGIN PAGE SEARCH-->						
						<h3 class="page-title">							<form action="#" class="form-search" method="post">								<div class="chat-form">																		<div class="input-cont" style="width:1000px">										  										<input type="text" id="searchCompany"  placeholder="Search..." data-provide="typeahead" >									</div>								</div>							</form>						</h3>						<div class="row-fluid ">							<div class="span12">								<!-- BEGIN EXAMPLE TABLE PORTLET-->								<div class="portlet box blue">									<div class="portlet-body">										<div class="alert alert-error">											未找到相关信息,以下是相似企业信息列表										</div>										<div role="grid" class="dataTables_wrapper form-inline" id="sample_editable_1_wrapper">											<!--<div class="row-fluid portfolio-block">												<div class="span12 portfolio-text">													<div class="portfolio-info span2">														Username													</div>													<div class="portfolio-info span2">														Full Name													</div>													<div class="portfolio-info span2">														Points													</div>													<div class="portfolio-info span2">														Notes													</div>													<div class="portfolio-info span2">														Edit													</div>													<div class="portfolio-info span2">														Delete													</div>												</div>											</div>-->											<table class="table table-striped table-bordered table-advance table-hover">													<thead class="search-table">														<tr>															<th class="span2">公司名</th>															<th class="span2">法人代表</th>															<th class="span3">公司地址</th>															<th class="span3">经营范围</th>															<th class="span2">注册资本</th>															<th class="span2">操作</th>														</tr>													</thead>													<tbody class="search-table">														<tr>															<td class="span2"><a href="company.html">中新力合股份有限公司</a></td>															<td class="span2">陈杭生</td>															<td class="span3">杭州市江干区城星路95号中天国开大厦</td>															<td class="span3">企业管理服务、房地产业咨询活动、软件开发服务、工程管理服务，技术推广应用服务、经济咨询服务</td>															<td class="span2">4.5亿</td>															<td class="span2">																<a class="btn blue" href="javascript:;" onclick='changebtn_index(this);'><i class="icon-plus"></i> 加入对比</a>                      															</td>														</tr>													</tbody>													<tbody class="search-table">														<tr>															<td class="span2"><a href="company.html">中新力合股份有限公司</a></td>															<td class="span2">陈杭生</td>															<td class="span3">杭州市江干区城星路95号中天国开大厦</td>															<td class="span3">企业管理服务、房地产业咨询活动、软件开发服务、工程管理服务，技术推广应用服务、经济咨询服务</td>															<td class="span2">4.5亿</td>															<td class="span2">																<a class="btn blue" href="javascript:;" onclick='changebtn_index(this);'><i class="icon-plus"></i> 加入对比</a>                      															</td>														</tr>													</tbody>													<tbody class="search-table">														<tr>															<td class="span2"><a href="company.html">中新力合股份有限公司</a></td>															<td class="span2">陈杭生</td>															<td class="span3">杭州市江干区城星路95号中天国开大厦</td>															<td class="span3">企业管理服务、房地产业咨询活动、软件开发服务、工程管理服务，技术推广应用服务、经济咨询服务</td>															<td class="span2">4.5亿</td>															<td class="span2">																<a class="btn blue" href="javascript:;" onclick='changebtn_index(this);'><i class="icon-plus"></i> 加入对比</a>                      															</td>														</tr>													</tbody>													<tbody class="search-table">														<tr>															<td class="span2"><a href="company.html">中新力合股份有限公司</a></td>															<td class="span2">陈杭生</td>															<td class="span3">杭州市江干区城星路95号中天国开大厦</td>															<td class="span3">企业管理服务、房地产业咨询活动、软件开发服务、工程管理服务，技术推广应用服务、经济咨询服务</td>															<td class="span2">4.5亿</td>															<td class="span2">																<a class="btn blue" href="javascript:;" onclick='changebtn_index(this);'><i class="icon-plus"></i> 加入对比</a>                      															</td>														</tr>													</tbody>												</table>																											<div class="row-fluid">												<div class="span6">												</div>												<div class="span6" style="text-align:right">													<div class="dataTables_paginate paging_bootstrap pagination">														<ul><li class="prev disabled">																<a href="#"> 																	<span class="hidden-480">																		上一页																	</span>																</a>															</li>															<li class="active">																<a href="#">1</a>															</li>															<li>																<a href="#">2</a>															</li>															<li>																<a href="#">3</a>															</li>															<li>																<a href="#">4</a>															</li>															<li>																<a href="#">5</a>															</li>															<li class="next">																<a href="#">																	<span class="hidden-480">																		下一页																	</span>																</a>															</li>														</ul>													</div>												</div>											</div>										</div>											</div>										</div>								<!-- END EXAMPLE TABLE PORTLET-->								</div>												</div>						<!-- END PAGE SEARCH-->
					</div>
				</div>
				<!-- END PAGE HEADER-->			</div>
			<!-- END PAGE CONTAINER-->    
		</div>
		<!-- END PAGE -->
	</div>
	<!-- END CONTAINER -->
	<!-- BEGIN FOOTER -->
	<div class="footer">
		<div class="footer-inner">
			2015 &copy; upg.
		</div>
		<div class="footer-tools">
			<span class="go-top">
			<i class="icon-angle-up"></i>
			</span>
		</div>
	</div>
	<!-- END FOOTER -->
	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
	<!-- BEGIN CORE PLUGINS -->
	<script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
	<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
	<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>      
	<script src="media/js/bootstrap.min.js" type="text/javascript"></script>
	<!--[if lt IE 9]>
	<script src="media/js/excanvas.min.js"></script>
	<script src="media/js/respond.min.js"></script>  
	<![endif]-->   
	<script src="media/js/jquery.slimscroll.min.js" type="text/javascript"></script>
	<script src="media/js/jquery.blockui.min.js" type="text/javascript"></script>  
	<script src="media/js/jquery.cookie.min.js" type="text/javascript"></script>
	<script src="media/js/jquery.uniform.min.js" type="text/javascript" ></script>
	<!-- END CORE PLUGINS -->
	<!-- BEGIN PAGE LEVEL PLUGINS -->
	<script src="media/js/jquery.vmap.js" type="text/javascript"></script>   
	<script src="media/js/jquery.vmap.russia.js" type="text/javascript"></script>
	<script src="media/js/jquery.vmap.world.js" type="text/javascript"></script>
	<script src="media/js/jquery.vmap.europe.js" type="text/javascript"></script>
	<script src="media/js/jquery.vmap.germany.js" type="text/javascript"></script>
	<script src="media/js/jquery.vmap.usa.js" type="text/javascript"></script>
	<script src="media/js/jquery.vmap.sampledata.js" type="text/javascript"></script>  
	<script src="media/js/jquery.flot.js" type="text/javascript"></script>
	<script src="media/js/jquery.flot.resize.js" type="text/javascript"></script>
	<script src="media/js/jquery.pulsate.min.js" type="text/javascript"></script>
	<script src="media/js/date.js" type="text/javascript"></script>
	<script src="media/js/daterangepicker.js" type="text/javascript"></script>     
	<script src="media/js/jquery.gritter.js" type="text/javascript"></script>
	<script src="media/js/fullcalendar.min.js" type="text/javascript"></script>
	<script src="media/js/jquery.easy-pie-chart.js" type="text/javascript"></script>
	<script src="media/js/jquery.sparkline.min.js" type="text/javascript"></script>  
	<!-- END PAGE LEVEL PLUGINS -->
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="media/js/app.js" type="text/javascript"></script>
	<script src="media/js/index.js" type="text/javascript"></script>      	<script src="media/js/button.js" type="text/javascript"></script>  
	<!-- END PAGE LEVEL SCRIPTS -->  
	<script>
		jQuery(document).ready(function() {    
		   App.init(); // initlayout and core plugins
		});								function show(){			   alert("查看详情");		   }				function searchCompany(){			   alert("搜索");		   }								$(".personShowTooltip").tooltip({						background:'red',	 		trigger:'manual',            placement : 'top', //placement of the popover. also can use top, bottom, left or right            html: 'true', //needed to show html of course            animation: false        }).on("mouseenter", function () {                    var _this = this;                    $(this).tooltip("show");                    $(".tooltip").on("mouseleave", function () {                        $(_this).tooltip('hide');                    });                }).on("mouseleave", function () {                    var _this = this;                    setTimeout(function () {                        if (!$(".tooltip:hover").length) {                            $(_this).tooltip("hide")                        }                    }, 100);		});				$(".companyShowPopover").popover({								 		trigger:'manual',		            placement : 'right',		            html: 'true',		            animation: false		        }).on("mouseenter", function () {		                    var _this = this;		                    $(this).popover("show");		                    $(".popover").on("mouseleave", function () {		                        $(_this).popover('hide');		                    });		                }).on("mouseleave", function () {		                    var _this = this;		                    setTimeout(function () {		                        if (!$(".popover:hover").length) {		                            $(_this).popover("hide")		                        }		                    }, 100);				});			$.fn.typeahead.Constructor.prototype.blur = function() {			    var that = this;			    setTimeout(function () { that.hide() }, 250);			 };			 $('#searchCompany').typeahead({			    source: function(query, process) {			    	 searchs = [];			    	 map = {};			    	 var searchTypeList = [			    	 {"searchType": "1", "searchName": "在相关企业中搜索"+query},			    	 {"searchType": "2", "searchName": "在相关人员中搜索"+query},			    	 {"searchType": "3", "searchName": "在相关产品中搜索"+query},			    	 {"searchType": "4", "searchName": "(1)在相关企业中搜索"+query}			    	 ];			    	 $.each(searchTypeList, function (i, searchType) {			    	 map[searchType.searchName] = searchType;			    	 searchs.push(searchType.searchName);			    	 });			    	 process(searchs);			      // return ["在企业中搜索"+query+"的企业", "在企业中搜索"+query+"的企业(2)", "在相关人员中搜索"+query,"在相关产品中搜索"+query];			    },			   			    menu: '<ul class="typeahead dropdown-menu" style="width:1000px"></ul>',			    item: '<li><a href="#" ></a></li>',			    updater: function(item) {		    	  doSearch(item,map[item].searchType)				      return item;			     			    }			 });			 			 			function doSearch(keyword,searchType){				 				 // use ajax or formsubmit				if(searchType==1){					window.location.href="searchSample_01_companys.html";				}				if(searchType==2){					window.location.href="searchSample_01_companys.html";				}				if(searchType==3){					window.location.href="searchSample_01_companys.html";				}				if(searchType==4){					window.location.href="searchSample_02_companys.html";				}			 }			$(".compareShowPopover").popover({								trigger:'manual',			    placement : 'left',			    html: 'true',			    animation: false			}).on("mouseenter", function () {			            var _this = this;			            $(this).popover("show");			            $(".popover").on("mouseleave", function () {			                $(_this).popover('hide');			            });			        }).on("mouseleave", function () {			            var _this = this;			            setTimeout(function () {			                if (!$(".popover:hover").length) {			                    $(_this).popover("hide")			                }			            }, 100);		});			
	</script>
	<!-- END JAVASCRIPTS -->

<!-- END BODY -->
</html>